<template>
	<view class="container">
		<view class="header">
			<view class="" :style="'height:'+barHeight+'px'">

			</view>
			<view class="align-center plr12 justify-between " :style="'height: 70rpx;padding-right:260rpx'">
				<view class="align-center" >
					<image src="../../static/images/dw2.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
					福建省
				</view>
				<navigator url="/pages/messagelist/index" hover-class="none" class="posRelative " style="margin-right: 4rpx;">
					<image src="../../static/images/mes.png" style="width: 48rpx;height: 48rpx;" mode=""></image>
					<text class="posAbsort mes">1</text>
				</navigator>
			</view>
			<view class="" style="height: 16rpx;">
				
			</view>
		</view>
			<view class="align-center justify-center" style="height: calc(100vh - 160rpx);">
				<image src="../../static/images/Frame 172.png" style="width: 400rpx;height: 400rpx;" mode=""></image>
			</view>
			
		<customTab :active="1"></customTab>
	</view>
</template>

<script>
	let app = getApp();
	import customTab from '../../components/customTab.vue';
	export default {
		components: {
customTab
		},
		data() {
			return {
				act: 0,
				dataInfo: {},
				reportNum: '',
				keyWord: "",
				barHeight: 0,
				
			}
		},
		onLoad(opt) {


		},
		onShow() {
			uni.hideTabBar()
			this.barHeight = uni.getStorageSync('menuInfo').menuTop
		},
		mounted() {


		},

		methods: {

			click(item) {
				console.log('item', item);
			}
		}





	}
</script>
<style scoped lang="scss">
	.container{
		// background: linear-gradient(180deg, #3A8EFD 21.15%, #F5F6F7 100%);
		// background-size: 100vw 406px;
		// background-repeat: no-repeat;
		height: 100vh;
		width: 100%;
	}
	.header {
		background-color: #228CFC;
		color: #fff;
		// position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	
		.mes {
			background-color: #D54941;
			color: #fff;
			width: 32rpx;
			height: 32rpx;
			text-align: center;
			line-height: 32rpx;
			top: -16rpx;
			right: -16rpx;
			border-radius: 50%;
			font-size: 20rpx;
		}
	}
	.menubox{
		margin-top: 32rpx;
		border-radius: 24rpx;
		.item{
			height: 112rpx;
		}
		image{
			width: 48rpx;
			height: 48rpx;
			margin-right: 24rpx;
			
		}
	}
		.userbox{
		border-radius: 24rpx;
		padding: 32rpx;
		margin-top: 20rpx;
		color:  rgba(0, 0, 0, 0.90);
		
		font-size: 20rpx;
		font-style: normal;
		font-weight: 400;
		line-height: 16px; /* 160% */
		.avatar{
			width: 128rpx;
			height: 128rpx;
			border-radius: 50%;
			margin-right: 32rpx;
		}
		.nickname{
			font-size: 32rpx;
			line-height: 48rpx;
			margin-bottom: 16rpx;
		}
		}
</style>